new Vue({
    el: '#app',
    data() {
      return {
        form: {
          Article_Name: "",
          page: 1,			//页数
          limit: 10			//每页数据条数
        },
        total: 0,
        tableData: [],		//表格数据
      }
    },
    mounted() {
      this.getList(this.form)
    },
    methods: {
      onSerach() {			//查询方法
        this.form.page = 1;	
        this.getList(this.form)
      },
      ChangeInput(){
        this.form.page = 1;	
        this.getList(this.form)
      },
      handleSizeChange(val) {
        this.form.page = 1;
        this.form.limit = val;
        this.getList(this.form)
      },
      handleCurrentChange(val) {
        this.form.page = val;
        this.getList(this.form)
      },
      getList(data) {     //换页方法
        const _this = this
        $.ajax({
          type: 'POST',
          url: `${DomainName}/getPurchaseReceiptAction?token=${$.cookie('token')}`,
          data,
          complete: function (XMLHttpRequest) {
            if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
              window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
            }
          },
          success: function (Result) {
            console.log(Result)
            if (Result.Status=='success') {
                Result.tableData.forEach(item=>{
                    item.Warehouse_Address.replace(/\//g,'')
                })
              _this.tableData = Result.tableData
              _this.total = parseInt(Result.limit)
            }  
          },
          dataType: "json"
        });
      },
    },
  })